<template>
  <p class="header">
    <span
    class="iconfont icon-weibiaoti39"
    @click="back"
    ></span>
    <span>{{dataList.eventName}}</span>
    <span class="iconfont icon-gengduo"></span>
</p>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
  methods: {
    back () {
      this.$emit('handler')
    }
  },
  computed: {
    ...mapState('list', ['dataList', 'pros'])
  }
}
</script>

<style lang="scss" scoped>
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    span {
        color: #000;
        &:nth-of-type(odd) {
            font-size: .25rem;
        }
        &:nth-of-type(even) {
            font-size: .16rem;
            font-weight: bold;
        }
        &:last-of-type {
            font-size: .3rem;
        }
    }
}
</style>
